
html, body{
  height: 100%;
  background-color: #f9fafc;
  font-family:PingFangSC-Regular;
}

*{
  font-family:PingFangSC-Regular;
}

.pull-left{
  float: left !important;
}

.pull-right{
  float: right !important;
}

// 小红点样式
// 示例
// <tag class="red-dot-panel">
//   <div class="red_dot"></div>
// </tag>
.red-dot-panel{
  position: relative;

  // 小红点
  .red_dot{
    width: 10px;
    height: 10px;
    background-color: #ff4949;
    position: absolute;
    top: 10%;
    right: 10%;
    border-radius: 100%;
  }
}

// 面包屑的样式
.app-breadcrumb{
  background-color: #fff;
  padding: 0 40px;

  .el-breadcrumb {
    padding: 25px 0;

    .breadcrumb-index {
      font-size:20px;
      span{
        color:#1f2d3d;
      }
    }
  }
}

// 页面内容的div样式
.app-content{
  margin: 40px;
}
